<template>
  <div id="app">
    <div>
      <br />
      <form class="form-inline">
        <label for="name">&nbsp;节目名称:</label>
        <input
          type="text"
          class="form-control"
          id="usnameval"
          onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"
          placeholder="请输入节目名称"
          style="width:170px;"
        />
        <label for="name">&nbsp;节目类型:</label>
        <select title id="type" class="form-control" style="width:132px;">
          <option value>全部</option>
          <option value="0">公益广告</option>
          <option value="1">商业广告</option>
          <option value="2">即时节目</option>
          <option value="3">简短固定广告</option>
        </select>
        <label for="name">&nbsp;设备类型:</label>
        <select title id="devicetype" class="form-control" style="width: 90px;">
          <option value>全部</option>
          <option value="0">单色</option>
          <option value="1">双色</option>
          <option value="2">全彩</option>
          <option value="3">安卓</option>
        </select>
        <label for="name">&nbsp;审核状态:</label>
        <select title id="examresult" class="form-control" style="width: 90px;">
          <option value>全部</option>
          <option value="1">通过</option>
          <option value="2">未审核</option>
          <option value="3">打回</option>
          <option value="4">拒绝</option>
        </select>
        <button type="button" class="btn btn-primary">查询</button>

        <button type="button" class="btn btn-success" id="add">新增</button>
        <!--<button type="button" class="btn btn-primary"  >开启</button>
        <button type="button" class="btn btn-primary" id="add"  data-toggle="modal" data-target="#myModal">关闭</button>!-->
        <button type="button" class="btn btn-success" id="update" style="display:none">新增</button>
        <button
          type="button"
          class="btn btn-info"
          id="fs"
          style
          data-toggle="modal"
          data-target="#myModal"
        >发送</button>
        <button type="button" class="btn btn-warning" id="del">删除</button>
        <button
          type="button"
          class="btn btn-warning"
          id="delsb"
          data-toggle="modal"
          data-target="#myModal"
        >节目下架</button>
        <button
          type="button"
          class="btn btn-info"
          id="spotPlay"
          data-toggle="modal"
          data-target="#modalplay"
        >点播</button>

        <!-- <button type="button" class="btn btn-warning" id="power">播放列表</button> -->
        <button
          type="button"
          class="btn btn-info"
          id="state"
          style="display:none"
          data-toggle="modal"
          data-target="#myModalState"
        >状态</button>
      </form>
    </div>
    <div></div>
    <br />
    <div class="jqGrid_wrapper">
      <table id="table_list_1"></table>
      <div id="pager_list_1"></div>
    </div>
    <!-- 节目下架、发送-->
    <div
      class="modal fade"
      id="myModal"
      style="overflow:auto"
      tabindex="-1"
      role="dialog"
      aria-labelledby="myModalLabel"
      aria-hidden="true"
    >
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">设备选择</h4>
          </div>
          <div class="modal-body">
            <loading></loading>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-primary" id="sbfs">发送</button>
          </div>
        </div>
      </div>
    </div>

    <!-- 状态 -->
    <div
      class="modal fade"
      id="myModalState"
      style="overflow:auto"
      tabindex="-1"
      role="dialog"
      aria-labelledby="myModalLabel"
      aria-hidden="true"
    >
      <div class="modal-dialog modal-mg">
        <div class="modal-content">
          <div class="modal-header" style="height:42px;padding:10px;">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              id="addclose"
              aria-hidden="true"
            >&times;</button>
            <h4 class="modal-title" id="myModalLabel">当前设备</h4>
          </div>
          <div class="modal-body">
            <form class="form-horizontal" role="form">
              <iframe
                id="iframescr"
                name="iframescr"
                src="?#/page/program/liststate"
                width="100%"
                frameborder="no"
                border="0"
                marginwidth="0"
                marginheight="0"
                scrolling="yes"
                allowtransparency="yes"
                style="height: 600px;"
              ></iframe>
            </form>
          </div>
        </div>
      </div>
    </div>

    <!-- 查看审核状态 -->
    <div
      class="modal fade"
      id="modalExamine"
      style="overflow:auto"
      tabindex="-1"
      role="dialog"
      aria-labelledby="myModalLabel"
      aria-hidden="true"
    >
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">修改</h4>
          </div>
          <div class="modal-body">
            <div id="myTabContent" class="tab-content">
              <div class="tab-pane fade in active" id="jb">
                <form class="form-horizontal" role="form">
                  <div class="form-group" id="plcz">
                    <label for="numberNo" class="col-sm-3 control-label">编号</label>

                    <div class="col-sm-9">
                      <input
                        type="text"
                        class="form-control"
                        id="numberNo"
                        onkeyup="this.value=this.value.replace(/\D/g,'')"
                        onafterpaste="this.value=this.value.replace(/\D/g,'')"
                        maxlength="11"
                        disabled
                      />
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="programNo" class="col-sm-3 control-label">节目号</label>
                    <div class="col-sm-9">
                      <input
                        type="text"
                        class="form-control"
                        maxlength="12"
                        id="programNo"
                        onkeyup="this.value=this.value.replace(/\D/g,'')"
                        onafterpaste="this.value=this.value.replace(/\D/g,'')"
                        disabled
                      />
                    </div>
                  </div>

                  <div class="form-group">
                    <label for="programeName" class="col-sm-3 control-label">名称</label>
                    <div class="col-sm-9">
                      <input
                        type="text"
                        class="form-control"
                        maxlength="20"
                        id="programeName"
                        onkeyup="this.value=this.value.replace(/[/\\\\r\n/\s//\//]/g,'')"
                        onblur="this.value=this.value.replace(/[/\\\\r\n/\s//\//]/g,'')"
                        disabled
                      />
                    </div>
                  </div>
                  <input type="text" class="form-control" id="createId" style="display:none" />
                  <div class="form-group">
                    <label for="examineMan" class="col-sm-3 control-label">审核者</label>
                    <div class="col-sm-9">
                      <input
                        type="text"
                        class="form-control"
                        id="examineMan"
                        onkeyup="this.value=this.value.replace(/[/\\\\r\n/\s//\//]/g,'')"
                        onblur="this.value=this.value.replace(/[/\\\\r\n/\s//\//]/g,'')"
                        maxlength="11"
                        disabled
                      />
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="result" class="col-sm-3 control-label">审核结果</label>
                    <div class="col-sm-9">
                      <select id="result" class="form-control" disabled>
                        <option value="1" selected>通过</option>
                        <option value="2">未审核</option>
                        <option value="3">打回</option>
                        <option value="4">拒绝</option>
                      </select>
                    </div>
                  </div>
                  <div class="form-group" style="display:">
                    <label for="reason" class="col-sm-3 control-label">原因：</label>
                    <div class="col-sm-9">
                      <textarea id="reason" disabled></textarea>
                    </div>
                  </div>
                </form>
              </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
              <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 点播 -->
    <div
      class="modal fade"
      id="modalplay"
      style="overflow:auto"
      tabindex="-1"
      role="dialog"
      aria-labelledby="myModalLabel"
      aria-hidden="true"
    >
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">点播</h4>
          </div>
          <div class="modal-body">
            <table>
              <tr>
                <td>
                  <label for="name" class="control-label">次数：</label>
                </td>
                <td>
                  <select id="typecplay" class="form-control">
                    <option value="0" selected>播放次数</option>
                    <option value="1">到期时间</option>
                  </select>
                </td>
              </tr>
            </table>
            <table>
              <tr  clss="dispySele">
                <td>
                  <label for="name" class="control-label">次数：</label>
                </td>
                <td>
                  <select title id="playcount" class="form-control"></select>
                </td>
              </tr>
              <tr clss="dispySele" style="display:none">
              <td>
                <label for="name" class="control-label">开始时间</label>
              </td>
              <td>
                <div id="startTime"></div>
              </td>
              <td></td>
              <td>
                <div id="endTime"><input type="text"></div>
              </td>
              </tr>
            </table>
          </div>
     
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary" id="sbfs">发送</button>
        </div>
        </div>
      </div>
    </div>
  </div>
</template>
<style>
@import "../../../../static/css/ztree/metroStyle.css";

@import "../../../../static/css/mloading/jquery.mloading.css";

#reason {
  height: 55px;
  width: 400px;
}
/* #gview_table_list_1{
  height: 51%;
} */
</style>
<style  scoped>
ul.ztree {
  margin-top: 10px;
  border: 1px solid #617775;
  background: #f0f6e4;
  width: 210px;
  height: 360px;
  overflow-y: scroll;
  overflow-x: auto;
}
.ztree {
  margin: 0;
  padding: 5px;
  color: #333;
}

/*正常情况下滑块的样式*/
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
/*鼠标悬浮在该类指向的控件上时滑块的样式*/
:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
/*鼠标悬浮在滑块上时滑块的样式*/
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
/*正常时候的主干部分*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: white;
}
/*鼠标悬浮在滚动条上的主干部分*/
::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.01);
}
/* @import '../../../../static/css/home/bootstrap.min.css';*/
</style>
<script>
//import loading from '../../../../static/js/Tree/companyTree.js'
//import loadingtow from '../../../../static/js/Tree/companyTreetow.js'
//import Vue from 'vue';
//Vue.use(loading);
import "../../../../static/js/jqgrid/jquery.jqGrid.min.js";
import "../../../../static/js/jqgrid/grid.locale-cn.js";
import "../../../../static/js/page/Program/list.js";
import "../../../../static/js/mloading/jquery.mloading.js";

import loading from "@/views/tree/companydeviceselect.vue";

//import loading from '@/views/tree/companylist.vue';
//import '../../../../static/js/md5.js';
export default {
  name: "app",
  data() {
    return {
      //selected:"",
      //lgvsRole:"",
      // userinfo:"",
      // selectedsex:"",
      // selectedzt:"",
      // selected: '01',   // 这里选择默认项
    };
  },
  mounted() {
    //console.log(hex_md5("123456").toUpperCase());
    //var self = this;
    // domain.jsonthis=this;
    // var json=[{"user_name":123}];
    // this.userinfo=json;alert(this.userinfo);
    // hex_md5("123456").toUpperCase()fcomponent
    // console.log(json.libraryBooks);
    //self.userinfo=json.libraryBooks;
  },
  methods: {},
  components: {
    loading: loading
  }
};
</script>